<template>
	<view>
		<!-- TODO 添加好友 -->
		<u-search class="u-m-30" v-model="form.keyword" placeholder="请输入精品号" :show-action="false" height="68"></u-search>
		<view class="info u-flex u-col-center">
			<view class="u-font-28 u-m-l-58">我的精品号：<text class="iedntify">5845</text></view>
			<view class="u-m-l-70">
				<u-image src="/static/images/qr_code_color.png" width="45" height="45" :fade="false" @click="qrShow = !qrShow"></u-image>
			</view>
		</view>
		<u-button :custom-style="{backgroundColor: '#2FD6AC', color: '#ffffff', height: '82rpx', width: '570rpx', marginTop: '188rpx'}">搜索</u-button>
		<qr-code :show.sync="qrShow" v-show="qrShow"></qr-code>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					keyword: '',
				},
				qrShow: false,
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.info {
		width: 624rpx;
		height: 215rpx;
		background-color: #F9F9F9;
		margin: 0 auto;
		margin-top: 122rpx;
		border-radius: 16rpx;
		border: 1rpx solid #D9D9D9;
	}
	.iedntify {
		color: $uni-color-primary;
	}
</style>
